<script lang='ts' setup>
import { appRef } from "@/models/app.ref";
import { ref, defineProps } from "vue";
</script>
<template>
  <div class="doc">
    <a :href="item.url" v-for="item in appRef.doc.list" target="_blank">
      <div class="doc-item">
        <div class="title">{{item.name}}</div>
        <div class="bottom flex">
          <div class="author flex">
            <a :href="item.author?.url" target="_blank">
              {{item.author?.name}}
            </a>
            <a :href="item.author?.gethub" target="_blank" v-if="item.author?.gethub">
              <img class="git" src="https://img1.baidu.com/it/u=693107735,1740662876&fm=253&fmt=auto&app=138&f=PNG?w=500&h=571" />
            </a>
            <a :href="item.author?.getee" target="_blank" v-if="item.author?.getee">
              <img class="git" src="https://img1.baidu.com/it/u=2703861377,3432194255&fm=253&fmt=auto&app=138&f=JPEG" />
            </a>
          </div>
          <div class="tags flex">
            <div class="tag" v-for="tag in item.tags"> {{tag}}</div>
          </div>
        </div>
      </div>
    </a>

  </div>
</template>
<style lang='scss' scoped>
@import "./index.scss";
</style>